<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Hello, World</title>
  <style type="text/css">
    html{height:100%}
    body{height:100%;margin:0px;padding:0px}
    #container{height:100%}
  </style>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=UYCvoihV25xWhdC1exlGaHQz2GLW5Ijm">
    //v2.0版本的引用方式：src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"
  </script>
</head>

<body>
<div id="container"></div>
<script type="text/ecmascript-6">
  let position = {
    latitude: '',
    longitude: '',
  }
  var map = new BMap.Map("container");
  var geolocation = new BMap.Geolocation();
  geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){
      var mk = new BMap.Marker(r.point);
      map.addOverlay(mk);
      map.panTo(r.point);
      alert('您的位置：'+r.point.lng+','+r.point.lat);
     /* position.latitude = r.lat
      position.longitude = r.lng
      console.log(position)*/
    }
    else {
      alert('failed'+this.getStatus());
    }
  },{enableHighAccuracy: true})
  /*var map = new BMap.Map("container");
  var geolocation = new BMap.Geolocation();
  geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){
      var mk = new BMap.Marker(r.point);
      map.addOverlay(mk);
      map.panTo(r.point);
      alert('您的位置：'+r.point.lng+','+r.point.lat);
    }
    else {
      alert('failed'+this.getStatus());
    }
  },{enableHighAccuracy: true})*/
</script>
</body>
</html>

<!--
(function () {
    window.BMap_loadScriptTime = (new Date).getTime();
    document.write(
      '<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=UYCvoihV25xWhdC1exlGaHQz2GLW5Ijm&services=&t=20190123111209"></script>'
    );
})();
-->
